<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="icon" href="img/favicon.png" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/font-awesome.min.css" />
		<link rel="stylesheet" href="css/responsive.css">
		<link rel="stylesheet" type="text/css" href="css/shop.css" />
		<title>苋春-支付</title>

	</head>

  <body>
    <!--页头-->
	<header class="buddy-header bg">
		<div class="logo-menu-sec bg">
			<div class="container">
				<div class="row">
					<div class="logo-sec">
						<div class="col-md-3 col-lg-3 col-sm-4 col-xs-12">
							<div class="logo">
								<img src="img/logo.png" alt="" />
							</div>
						</div>
						<div class="col-md-6 col-lg-5 col-sm-4 hidden-xs">
							<ul class="quick-prom">
								<li><i class="fa fa-phone"></i> <span>咨询电话 : <a href="#">100200300</a></span></li>
								<li class="hidden-sm"><i class="fa fa-envelope-o"></i><span>邮箱：<a href="#">mail@example.com</a></span></li>
							</ul>
						</div>

						<div class="col-md-2 col-sm-3 hidden-xs">
						
							<a href="cart?act=0">
						    <div class="cart-back">
								<div class="text-center">
									返回购物车&nbsp;&nbsp;&nbsp;<i class="fa fa-shopping-cart" ></i>
								</div>
							</div></a>

						</div>

					</div>
				</div>
			</div>
		</div>

	</header>
    <!-- 主内容 -->
    <section class="checkout_area">
    <form name="form1" method="post" action="checkout?act=1">
        <div class="container">
            <div class="row">
                <h1 style="text-align:center">结算</h1>
                <hr>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="shipping-address">
                        <div class="section-title">
                            <h3>收货地址</h3>
                        </div>
                        
                            <div class="row">
                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <div class="input_box">
                                        <input name="consigness" class="form-control " type="text" placeholder="收货人" required="required"/>
                                    </div>
                                </div>
                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <div class="input_box ">
                                        <input name="phone" class="form-control" type="tel" placeholder="电话" required="required"/>
                                    </div>
                                </div>
                                <!-- <div class="col-md-6 col-sm-6 col-xs-12">
                                    <div class="input_box">
                                        <input name="lname" class="form-control" type="text" placeholder="姓名" required="required"/>
                                    </div>
                                </div> -->
                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <div class="input_box">
                                        <select name="address_1" class="form-control custom-select">
                                            <option value="区域">区域</option>
                                            <option value="东区">东区</option>
                                            <option value="西区">西区</option>
                                            <option value="中区">中区</option>
                                            <option value="图书馆">图书馆</option>
                                            <option value="新综">新综</option>
                                            <option value="菜鸟驿站">菜鸟驿站</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <div class="input_box">
                                        <input name="address_2" class="form-control" type="text" placeholder="详细地址" required="required"/>
                                    </div>
                                </div>

                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <div class="input_box order-note">
                                        <textarea name="remark" class="form-control" rows="5" cols="" placeholder="备注" ></textarea>
                                    </div>

                                </div>

                            </div>
                        
                    </div>
                </div>
                
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="order">
                        <div class="section-title">
                            <h3>查看你的账单</h3>
                        </div>
                        <div>
                            <table class="table">
                                <tbody>
                                    <tr>
                                        <th>商品名</th>
                                        <th>数量</th>
                                        <th style="text-align:right">小计（￥）</th>
                                    </tr>
                                    <c:forEach items="${clist }" var="clist" varStatus="s">
                                    <tr>
                                        <td class="text-left">${glist.get(s.index).getGname() }</td>
                                        <td >${clist.getShopnum() }</td>
                                        <td class="text-right" style="text-align:right">${glist.get(s.index).getPrice() * clist.getShopnum()  }</td>
                                    </tr>
                                    </c:forEach>

                                </tbody>
                                <tfoot>
                                    <tr>
                                        <td class="text-right custom-td" colspan="3" style="text-align: right">
                                            <strong>总计&nbsp;&nbsp;&nbsp;&nbsp;￥${total_price }</strong>
                                        </td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="col-md-9 col-sm-8 col-xs-12">
                    <div class="billing-address">
                        
                            <div class="row">
                                <div class="col-sm-4 col-xs-12">
                                    <input id="pay"  type="submit" class="custom-form" value="现在支付" />
                                </div>

                                <div class="col-sm-4 col-xs-12">
                                    <a href="index">
                                        <input type="button" class="custom-form" value="继续购物" />                                     
                                    </a>
                                </div>
                            </div>
                        
                    </div>
                </div>
            </div>
        </div>
	</form>
    </section>
    <!-- 主内容结束 -->

	<!--页脚-->
	<div class="section-info pt55 pb55">
		<div class="parallax-bg">
			<div class="section-content">
				<div class="container">
					<div class="row">
						<div class="col-md-4 col-sm-6 col-xs-12">
							<a class="info-block" href="#"><i class="fa fa-truck"></i>
								<h3>免费送货</h3>
								<p>学校的每一个角落</p>
							</a>
						</div>
						<div class="col-md-4 col-sm-6 col-xs-12">
							<a class="info-block" href="#"><i class="fa fa-headphones"></i>
								<h3>支持定制</h3>
								<p>全天候24小时支持</p>
							</a>
						</div>
						<div class="col-md-4 col-sm-6 col-xs-12">
							<a class="info-block" href="#"><i class="fa fa-diamond"></i>
								<h3>高品质</h3>
								<p>拥有最好的品质和品牌</p>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<footer>
		<div class="footer-widgets-area pt55">
			<section class="block">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<div class="content-box no-margin go-simple">
								<div class="row">
									<div class="col-md-3 col-sm-4 col-xs-12">
										<div class="widget about-widget">
											<div class="logo">
												<a href="index.html"><img alt="" src="img/logo.png"></a>
											</div>
											<p>你好，世界！</p>
											<ul>
												<li>
													<i class="fa fa-map-marker"></i> 广州南方学院
												</li>
												<li>
													<i class="fa fa-phone"></i> 110-0487 &nbsp;&nbsp;&nbsp; 119-04887
												</li>
											</ul>
										</div>
									</div>
									<div class="col-md-3 col-sm-4 col-xs-12">
										<div class="widget how-to-buy">
											<h3 class="heading2">服务</h3>
											<ul>
												<li>
													<a href="#" title="">联系我们</a>
												</li>
												<li>
													<a href="#" title="">礼品</a>
												</li>
												<li>
													<a href="#" title="">VIP</a>
												</li>
											</ul>
										</div>
									</div>
									<div class="col-md-3 hidden-sm col-xs-12">
										<div class="widget customer-services">
											<h3 class="heading2">信息</h3>
											<ul>
												<li>
													<a href="#" title="">关于我们的店铺</a>
												</li>
												<li>
													<a href="#" title="">安全购物</a>
												</li>
												<li>
													<a href="#" title="">隐私政策</a>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
		</div>
	</footer>

		<!--页脚结束-->
		<script src="js/jquery-1.12.3.min.js"></script>
		<script src="js/jquery-3.1.1.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/owl.carousel.min.js"></script>
		<script src="js/jquery.meanmenu.js"></script>
		<script src="js/wow.min.js"></script>
		<script src="js/jquery.nivo.slider.pack.js"></script>
		
		<script src="js/plugins.js"></script>
		<script src="js/jquery.mousewheel.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/main.js"></script>
</body>
</html>
